/*** author: sailing date: 2018/10/23 ***/

<template>
	<div class="MainContent">
		<ul class="ulstyle">
			<li class="headerTop">
				<mu-appbar style="width: 100%;position:absolute;top:0;" color="primary">
					工单管理
				</mu-appbar>
			</li>
			<li style='height:80px;margin-bottom:0'></li>
			<li class="listyle">
				<Homepage></Homepage>
			</li>
		</ul>
	</div>
</template>

<script type="text/javascript">
import Homepage from './Homepage'
export default {
	data() {
		return {
			transitionName: "slide-left"
		};
	},
	methods: {
		
	},
	mounted(){
	},
	watch: {
		//使用watch 监听$router的变化
		/*
		    $route(to, from) {
		      //如果to索引大于from索引,判断为前进状态,反之则为后退状态
		      if(to.meta.index > from.meta.index){
		        //设置动画名称
		        this.transitionName = 'slide-left';
		      }else{
		        this.transitionName = 'slide-right';
		      }
		    }
		    */
	},
	components: {
		Homepage
	}
};
</script>

<style lang="less">
.MainContent {
	position: relative;
	.headerTop {
		position: fixed;
		width: 100%;
		top:0;
		z-index: 100;
	}
	.listyle{
		width:100%;
	}
}
</style>
